<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>SGI :: Sistema de Gesti&oacute;n de Ideas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <style>

    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
		padding-top: 80px;
      padding-bottom: 40px;
      color: #5a5a5a;
    }

	
    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

		body {
			padding-top: 0px;
			padding-bottom: 40px;
			color: #5a5a5a;
		}
	 
    }


    @media (max-width: 767px) {

		 body{
			padding-top: 0px;
			padding-bottom: 40px;
			color: #5a5a5a;
		}
		
		.container h2{
			font-size: 20px;
		}

    }

    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="img/favicon.png">
  </head>

  <body>

	
	<%@ include file="../includes/menu.jsp" %>
	

    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container">
	  
		<center>
		<table border="0" cellpadding="3" cellspacing="3">
			<tr>
				<td style="padding-right:50px;">
					<img class="img-circle" src="img/contacto.jpg" alt="">
				</td>
				<td style="text-align:center;" valign="top" align="center" >					
				
					<br/><br/><br/>
					
					<h2>Cont&aacute;ctanos</h2>					
				
					<table>
						<tr>
							<td><img class="img-circle" src="img/ico_linkedin.jpg" alt="" valign="top"></td>
							<td>/SGI_Scrumers</td>
						</tr>
					</table>
					
					<table>
						<tr>
							<td><img class="img-circle" src="img/ico_facebook.jpg" alt=""></td>
							<td>/scrumers_SGI</td>
						</tr>
					</table>
					
					<table>
						<tr>
							<td><img class="img-circle" src="img/ico_twiter.jpg" alt=""></td>
							<td>/scrumersSGI</td>
						</tr>
					</table>
					
					<table>
						<tr>
							<td><img class="img-circle" src="img/ico_mail.jpg" alt=""></td>
							<td>contacto@scrumers.com.pe</td>
						</tr>
					</table>
					
				</td>
			</tr>
		</table>
		</center>

    </div><!-- /.container -->

	<%@ include file="../includes/pie.jsp" %>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel();
        })
      }(window.jQuery)
    </script>
    
  </body>  
</html>
